<template>
	<view class="setting_page p-20">
		<view class="setting_item  vertical_view justify_center align_item_center uni-bg-color-fff radius-10"
			@click="onDining()">
			<view class="icon_box">
				<image src="/static/canzhuo_icon.png" class="icon" mode=""></image>
			</view>
			<view class="font-28">
				餐位管理
			</view>
		</view>
		<view class="setting_item  vertical_view justify_center align_item_center uni-bg-color-fff radius-10"
			@click="onCategory()">
			<view class="icon_box">
				<image src="/static/fenlei_icon.png" class="icon" mode=""></image>
			</view>
			<view class="font-28">
				分类管理
			</view>
		</view>
		<view class="setting_item  vertical_view justify_center align_item_center uni-bg-color-fff radius-10" @click="onDishManagement()">
			<view class="icon_box">
				<image src="/static/caipin_icon.png" class="icon" mode=""></image>
			</view>
			<view class="font-26">
				菜品管理
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			onDining() {
				uni.navigateTo({
					url: "/sub-packages/dining-space-management/dining-space-management"
				})
			},
			onCategory() {
				uni.navigateTo({
					url: "/sub-packages/category/category"
				})
			},
			onDishManagement(){
				uni.navigateTo({
					url: "/sub-packages/dish-management/dish-management"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.setting_page {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20rpx;
		grid-row-gap: 20rpx;
	}

	.setting_item {
		height: 280rpx;

		.icon_box {
			width: 100rpx;
			height: 100rpx;

			.icon {
				width: 100%;
				height: 100%;
			}
		}
	}
</style>